<ion-content class="activity-detail">

  <ion-card no-margin padding full-width
            class="top">
    <img src="{{actDetail.thumb}}"/>
  </ion-card>
  <article padding>
    <h2 class="title" no-margin>{{actDetail.name}}</h2>
    <ion-row ion-text color="txt-secondary">
      <ion-col class="date">{{formatDate(actDetail.endTime)}}</ion-col>
      <ion-col no-padding col-auto>浏览量 {{actDetail.likes}}</ion-col>
    </ion-row>
    <ion-row>
      <ion-col ion-text color="txt-tertiary" class="address">
        <ion-icon name="location" ion-text no-margin no-padding></ion-icon>
        {{actDetail.address}}
      </ion-col>
    </ion-row>
  </article>

  <ion-grid class="activity-content">
    <div>
      <div [innerHTML]="actDetail.content"></div>
    </div>
  </ion-grid>

</ion-content>
